$(function () {
    //ajax获取文章列表
    let q = {
        pagenum: 1,
        pagesize: 10,
        cate_id: '',
        state: '',
    }

    let form = layui.form
    initArtCateList()
    function initArtCateList() {
        axios({
            url: '/my/article/cates',
            method: 'get',

        }).then(({ data: res }) => {
            //成功回调
            if (res.status != 0) {
                return layer.msg(res.message)
            }
            //成功渲染
            let arr = ['<option value="">请选择文章所属分类</option>']
            res.data.forEach(function (value) {
                arr.push(`<option value="${value.Id}">${value.name}</option>`)
            })
            //循环成功赋值
            let str = arr.join('')
            $('[name=cate_id]').empty().html(str)
            form.render()
        });
    }

    initArticleList()
    function initArticleList() {
        axios({
            url: '/my/article/list',
            method: 'get',

            params: q
        }).then(({ data: res }) => {
            // console.log(res)
            if (res.status != 0) {
                return layer.msg(res.message)
            }
            //渲染页面
            let arr = []
            res.data.forEach(function (value) {
                arr.push(`
                <tr>
                    <td>${value.title}</td>
                    <td>${value.cate_name}</td>
                    <td>${dateFormat(value.pub_date)}</td>
                    <td>${value.state}</td>
                    <td>
                    <button class="layui-btn layui-btn-xs">修改</button>
                    <button class="layui-btn layui-btn-danger layui-btn-xs">删除</button>
                
                        
                    </td>
                </tr>`)
            })

            $('tbody').empty().html(arr.join(''))
            renderPage(res.total)
        });
    }

    $('#searchform').on('submit', function (e) {
        e.preventDefault()
        q.cate_id = $('[name=cate_id]').val()
        q.state = $('[name=state]').val()

        initArticleList()
    })



    function renderPage(total) {

        var laypage = layui.laypage;
        //执行一个laypage实例
        laypage.render({
            elem: 'pageBox', //注意，这里的 test1 是 ID，不用加 # 号
            count: total, //数据总数，从服务端得到
            limit: q.pagesize,
            curr: q.pagenum,
            layout:['limit','prev', 'page', 'next','refresh'],
            limits:[2,5,10,15,20],
            jump: function (obj, first) {
                //obj包含了当前分页的所有参数，比如：
                // console.log(obj.curr); //得到当前页，以便向服务端请求对应页的数据。
                // console.log(obj.limit); //得到每页显示的条数

                //首次不执行
                if (!first) {           //首页不触发，点击才触发
                    //do something
                    q.pagenum = obj.curr
                    q.pagesize = obj.limit
                    initArticleList()
                }
            }
        });

    }


})